
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html{
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
}
div.tiles{
    padding-left:40px;
        padding-right:40px;

}
div.tiles div{
    border-radius:2px;
    padding:10px;
    margin:5px;
    color:white;
    background-color:#666;
    display:marker;
    cursor:pointer;
    float:left;
    width:25px;
    height:25px;
}
div.tiles div:hover{
    transition:background-color 1s;
    -moz-transition:background-color 1s;
    -webkit-transition:background-color 1s;
    background-color:#060;
    -moz-transform:rotate(6deg);
}
div.tiles div.icon{
    position:relative;
    bottom:0px;
    left:0px;
    z-index:10;
    background-color:red;
}

div.tiles div.w4{width:298px;}

div.tiles div.h2{height:80px;}

.middle{
}

#subcontainer{
    width:1066px;
    margin:auto;
    height:81%;
    padding-left:10px;
    padding-right:10px;
    background-color:#DEDEDE;
    overflow-y:auto;
}

#prof{
    width:600px;
    margin:auto;
}

/*
    deel voor popup
*/
.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .30;
   filter: alpha(opacity=30);
   -moz-opacity: .30;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 50%;
   height: 350px;
   top: 50%;
   left: 50%;
   margin-left: -25%;
   margin-top: -175px;
   background-color: #ffffff;
   border: 7px solid #7cabc9;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}
.web_dialog table{
    margin-top:0;
}

.align_right
{
   text-align: right;
}

/*
    End popup
*/